<template>
  <CircleButton :iconEntity="iconMap['change']" :size="20" :iconSize="10" @click="changeDial()"/>
</template>

<script setup lang="ts">
import CircleButton from '@renderer/components/button/CircleButton.vue'
import { iconMap } from '@renderer/composables/iconUtils'
import { useRouter } from 'vue-router';

const props = defineProps<{
  routerUrl: string
}>()

const router = useRouter()

function changeDial() {
  router.push(props.routerUrl)

  // alert("change dial")
}
</script>

